<%@ page language="java" pageEncoding="UTF-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
	<head>
		<title>囧事爆料	-	吐槽最新囧事</title>
		<jsp:include page="public/header.jsp"/>
		<script type='text/javascript' src='${request.getContextPath }/js/jiong/main.js'></script>
	</head>

	<body>
		<jsp:include page="public/top.jsp"/>
		<div class="main_div">
			<div class="main_left_div">
				<c:forEach var="articleMap" items="${articleList }">
					<div class="jiong_div">
						<div class="biaoti_div">
							<a href="${request.getContextPath }/user/${articleMap.user.id }" target="_blank"><img class="touxiang_img" src="${request.getContextPath }/${articleMap.user.headImgPath }" onerror="loadErrorImg('${request.getContextPath }/images/default_touxiang.png');" /></a>
							<a class="nickname_href" href="${request.getContextPath }/user/${articleMap.user.id }" target="_blank">${articleMap.user.nickName }</a>
							<span class="tucao_time">${articleMap.issueTime }</span>
						</div>
						<div class="zhengwen_div">
							<c:if test="${articleMap.title != null || articleMap.title != ''}">
								${articleMap.title }<br />
							</c:if>
							${articleMap.content }
							<br /><br />
							<img src="${request.getContextPath }/${articleMap.imgPath }" onerror="loadErrorImg('${request.getContextPath }/images/defaultArticleImg.png');" style="max-width: 600px;" />
						</div>
						<div class="jiewei_div">
							<c:forEach var="mood" items="${articleMap.moodList }">
								<a class="ding_href" id="${articleMap.articleId }-${mood.moodId }" title="${mood.name }" href="javascript:void(0);">${mood.moodCount }</a>
							</c:forEach>
							<span class="fenxiang">
								<span id="bdshare" class="bdshare_t bds_tools get-codes-bdshare" data="{
							      'url':'http://www.jiongshibaoliao.com/article/${articleMap.articleId }',
							      'title':'${articleMap.title }',
							      'text':'${articleMap.content }',
							      'pic': 'http://www.jiongshibaoliao.com/${articleMap.imgPath }',
							      'desc':'来自囧事爆料（www.jiongshibaoliao.com）'
							    }">
						            <a class="bds_tsina"></a>
						            <a class="bds_tqq"></a>
						            <a class="bds_qzone"></a>
						            <a class="bds_renren"></a>
						            <a class="bds_kaixin001"></a>
						            <span class="bds_more"></span>
						        </span>
					        </span>
							<a class="pinglun_href" title="${articleMap.commentCount }条评论" href="${request.getContextPath }/article/comment/${articleMap.articleId }" target="_blank">${articleMap.commentCount }</a>
						</div>
					</div>
				</c:forEach>
			
				<jsp:include page="public/page.jsp"/>
			</div>
			<div class="main_right_div">
				<jsp:include page="public/rightAD.jsp"/>
			</div>
		</div>
		<jsp:include page="public/foot.jsp"/>
		<jsp:include page="public/backTop.jsp"/>
		<script type="text/javascript" id="bdshare_js" data="type=tools" ></script>
        <script type="text/javascript" id="bdshell_js"></script>
        <script type="text/javascript">document.getElementById("bdshell_js").src = "http://bdimg.share.baidu.com/static/js/shell_v2.js?cdnversion=" + Math.ceil(new Date()/3600000);</script>
	</body>
</html>
